<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <style>
        .bg-cat {
            background-image: url(//qn1.10soo.net/assets22/202210310928808.png);
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="py-11 px-12  border border-info hover-text-success-wrap hover-slide-wrap position-relative index-2">
                    <div class="position-absolute w-100 h-100 start-0 top-0 hover-slide-right index-1 bg-cat"></div>
                    <div class="index-2">
                        <h2 class="text-truncate hover-text-success ">项目征集及报名</h2>
                        <p class="mb-10 text-truncate hover-text-success index-2">sign up</p>
                        <div class="mb-6r h-6r" data-aos="fade-up" data-aos-duration="3000">
                            <p class="text-truncate mb-0 fs-7 lh-lg hover-text-success">全球推介</p>
                            <p class="text-truncate mb-0 fs-7 lh-lg hover-text-success">线上报名</p>
                        </div>
                        <p class="text-truncate mb-0 fs-7 lh-lg h-2 hover-text-success">预计三周</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>